<template>
  <div class="entire">
    <van-nav-bar
  title="乐城国际医疗先行区..."
  left-arrow
  @click="back"
/>
<div class="im1">
<img src="../../image/17.png" alt="" style="width: 100%;height: 100%">
</div>
<div class="im2">
<img src="../../image/18.png" alt="" style="width: 100%;height: 100%">
</div>
<div class="im3">
<img src="../../image/19.png" alt="" style="width: 100%;height: 100%">
</div>
<div class="bottom"></div>
<button @click="go" class="btn">立即咨询</button>
  </div>
</template>

<script setup lang="ts">
import { useRouter } from 'vue-router'
const router = useRouter()
const back = () => {
  router.back()
}
const go = () => {
  router.push('/chat')
}
</script>

<style scoped>
.entire{
    width: 100%;
    height: 100%;
    background: #2b87cf;
}
.im1{
    width: 100%;
    height: 4rem;
}
.im2{
    width: 100%;
    height: 4rem;
    margin-top: .1rem;
}
.im3{
    width: 100%;
    height: 4rem;
    margin-top: .1rem;
}
.bottom{
    width: 100%;
    height: .5rem;
}
.btn{
    width: 1.8rem;
    height: .4rem;
    position: fixed;
    bottom: .05rem;
    left: 1rem;
    border: none;
    background: #19b9ca;
    border-radius: 1rem;
    color: #fff;
    font-weight: bold;
}
</style>
